<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.绝对路径   是电脑的盘符存储与访问的具体地址 -->
     <img src="C:\Users\曹勇皓\Pictures\Wallhaven\1.jpeg" alt="国旗"width="500px"title="国旗">
      <!-- 两者相对关系，两者在同一路径下可以直接访问，不同路径下需要使用相对路径来访问 -->
        <img src="汽车1.png" alt="汽车"width="300px"title="同级目录下的汽车图片">
      <!-- 2.相对路径   是基于当前页面的位置来访问其他资源的地址  -->
      <!-- 1.子级关系：/   2.父级关系：../  3.同级关系：./  4.根目录：/ -->
       <img src="./images/汽车2.jpg" alt="汽车"width="300px"title="子级目录下的汽车图片">
       

      <!-- 3.网络路径   是通过网络访问资源的地址 --> 
       <img src="https://www.baidu.com/img/bd_logo1.png" alt="">
</body>
</html>